// 1. 导入所有的 svg 图标
// 2. 完成 SvgIcon 的全局注册
import SvgIcon from '@/components/SvgIcon'

// https://webpack.docschina.org/guides/dependency-management/#requirecontext
const svgRequire = require.context('./svg', false, /\.svg$/)
// 此时返回一个require函数，可以接收一个request  的参数，用于require的导入
// 该函数提供了三个属性，可以通过 svgRequire.keys()获取所有的svg图标
// 遍历图标，把图标作为request 参数入到 svgRequire导入函数中，完成本地svg图标导入
svgRequire.keys().forEach(element => {
  svgRequire(element)
})

// app 和main.js app一致
export default app => {
  app.component('svg-icon', SvgIcon)
}
